﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>花园团购</title>
	<style type="text/css">
	body,ul,li{
		margin:0;
		padding:0;
		font-family:"宋体";
		font-size:12px;
		
	}
	body{
		background-color:#e0eed8;
	}
	 .big_header{
		 height:100px;
		 top:0px;
	 }
	 .top_header{
		 height:30px;
		 background-image:url(top1.png);
	 }

	 .vip_header ,.mid_center_header,.main_div,.boot_div_detail{
		 width:950px;
		 margin:auto;
	 }
	  .welcome_vip{
		 height:100%;
		 float:left;
		 width:550px;
		 margin:6px 0px 0px 15px;
		  
	 }
	 .load_vip{
		 height:100%;
		 float:right;
		 width:300px;
		  
	 }
	 .load_vip ul{ 
		 list-style:none;
		 margin-top:0;
		 font-size:13px; 
	 }
	  .load_vip ul li{
	  	 float:right;
		 margin-left:5px;
		 margin-right:5px;
		 margin-top:6px;
	  }
	  .mid_header{
		 width:100%;
		 height:96px;
		 background-image:url(top2.png);
	 }
	.mid_center_top_header{
		 height:63px;
		 padding-left:0px;
	 }
	 
	 .mid_center_top_header_sub{
		 width:100%;
		 clear:both;
	 }
 
 	.mid_menu_header{
		 height:32px;
		 float:left;
	 }
 	.mid_menu_right_header{
		 height:32px;
		 float:right;
	 }
	 .mid_menu_header ul ,  .mid_menu_right_header ul{
	  	list-style:none;
		 margin:0px;

	 }
	 
	.mid_menu_header ul li , .mid_menu_right_header ul li{
		float:left;
		height:35px;
		width:96px;
		text-align:center;
		margin-right:3px;

	 }
 	 .mid_menu_header ul li a , .mid_menu_right_header ul li a{
		text-decoration: none;
		background:url("button2_2.gif");
		display:block;
		margin:0px;
		padding:8px 9px 9px 9px;
		font:bold 14px 宋体;
		color:4e4d4d;
		
	}
 
	 .mid_menu_header ul li a:hover  , .mid_menu_right_header ul li a:hover{
		text-decoration: underline;
		background-image:url("button1.gif");
		display:block;
		font:bold 14px 宋体;
		color:4e4d4d;
		color:#00FF00;
		
	}

	.main_div{
		margin-top:12px;
		height:510px;
	}
	

	.main_left{
		float:left;
		width:700px;
		height:480px;

	}
	.main_left_top{
		background-image:url(main_top1.gif);
		font-size:1px;
		height:11px;
		background-repeat:no-repeat

 
	}
	.main_left_mid {
		background-image:url(main_mid1.gif);
		margin:0px;
		background-color:#FFFFFF;
		height:100%;;    
	}
	.goods_top{
		margin:0px;
		padding:0px 10px 5px 20px;
		font: 20px 黑体,宋体;
    	text-align: justify;
		color: #333333;
		text-decoration: none;

	}
	.main_left_down{
		background-image:url(main_down1.gif);
		height:11px;
		width:700px;
		font-size:1px;
		clear:both;
 
	}
	.main_right{
		float:right;
		width:235px;
	}
 
	.goods_title{
		background-color:fff;
		height:46px;
		border-color: #81B21E;
		border-style:solid;
		border-width:0px 0px 1px 0px;
		padding:16px 0px 0px 50px;
		font-size:14px;
		
	}
 
 	.loginPage{
		background-color:fff;
		padding:3px 0px 0px 100px;
		font-size:14px;
		
	}
	
	.loginPage p{
		font-size: 14px;
		line-height: 2;
		margin-top: 18px;
	} 
	
	.loginPage p label{
		float: left;
   		width: 90px;
	} 

 
 	.loginPage p label em{
		color: #FE0000;
		font: 14px 宋体;
		margin-right: 0.5em;
	} 

 	.loginPage p input{
		font: bold 14px/16px 宋体;
		height: 16px;
		margin: 0 5px 0 0;
		padding: 3px;
		vertical-align: baseline;
		width: 280px;
	} 
	.loginPage_validate{
	    font: bold 14px arial;
		height: 14px;
		letter-spacing: 2px;
		padding: 2px 5px;
		width: 30px;
	}

 
 
 	.loginPage_p3{
		margin-top:20px;
		font-size:13px;
		color: #999999;
		border: 0 none;
		height: 13px;
		vertical-align: middle;
		width:20px;
	}
	.boot_div{
		clear:both;
		height:14px;
		background-color:#88af0c;
	}
	
	.main_price{
		margin-top:12px;
		font-size:16px;
		font-family:"宋体";
	}
	.main_price_left{
		float:left;
	}
 
	.email{
		background-color: white;
		border: 1px solid #C7C7C7;
		color: #B8B8B8;
		height: 17px;
		line-height: 17px;
		margin: 4px 4px 4px 6px;
		padding: 0 5px;
		width: 132px;
	}

	.smt {
		background: url("submit_email.png") no-repeat scroll 0 -93px transparent;
		border: 0 none;
		color: #CBCBCB;
		font-family: 宋体;
		height: 22px;
		margin: 3px 0;
		width: 46px;
	}
	
	.email_span{
		background: url("submit_email.png") no-repeat scroll 0 -124px transparent;
		display: inline;
		float: right;
		font-size: 12px;
		height: 28px;
		margin: 10px 20px 0 0;
		width: 212px;
	}
 
	.boot_div_detail{
		background-color:#ffffff;
		overflow:hidden;
	}
	.boot_div_detail div{
		float: left;
		height: 100px;
		padding: 13px 0 0 20px;
		width: 170px;
	}
	.boot_div_detail h3{
		font:bold 14px/16px "宋体";
		margin-bottom:5px;
	}
	.boot_div_detail li{
	  	line-height: 18px;
    	list-style: disc inside none;
	}
	
	/**
	右则块内容
	**/
	
 
	
	
	.win_top, .win_bottom {
		background: url("win_right.png") no-repeat scroll 0 -202px transparent;
		height: 7px;
		overflow: hidden;
	}
	.win_bottom{
 
    background-position: 0 -210px;
 
	}
	
	.win_inner {
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: white;
		border-color: #81B21E;
		border-style: solid;
		border-width: 0 1px;
		overflow: hidden;
	}
	.win_inner h3 {
    background: url("show_back.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #81B21E;
    font: bold 14px/1 宋体;
    margin: 0 0 7px;
    padding: 6px 0 8px;
    text-indent: 1em;
}
	
    </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
	<body>
	<div class="big_header">
		 	<div class="top_header"><!-- vip块-->
					<div class="vip_header">
						<div class="welcome_vip">欢迎光临花园团购网:它最贴近您生活的网站，您家门口的网站</div>
						<div class="load_vip">
							<ul>
								<li><a href="#">收藏我们</a></li>
								<li>| </li>
								<li><a href="#">注册</a></li>
								<li>| </li>
								<li>您还没有登录，请先<a href="#">登录</a></li>
							</ul>
						</div>
					</div>
			</div>
			<div class="mid_header">
					<div class="mid_center_header">
						<div class="mid_center_top_header">
							<div class="mid_center_top_header_sub">
									<div style="float:left;">logosssssssssss</div>
									<div style="float:left; margin-left:60px;"> 
										<ul>
											<li>北京</li>
										</ul>
									</div>
									<div class="email_span">
											<form action="/email" method="post">
												<input  class="email" id="email" value="请输入您的E-mail"/>
												<input class="smt" type="submit" value="订阅" />
											</form>
									</div>
							</div>
						</div>
						
						<div class="mid_menu_header">
							 <ul>
							 	<li><a href="#" >今日推荐</a></li>
								<li><a href="#">水果类</a></li>
								<li><a  href="#">干果类</a></li>
								<li><a  href="#" >蔬菜类</a></li>
							 </ul>
						</div>

						<div class="mid_menu_right_header">
							 <ul>
							 	<li><a href="#">我的团购</a></li>
								<li><a href="#">往期团购</a></li>
								<li><a  href="#">帮助</a></li>
							 </ul>
						</div>
					</div>
			</div>
			
			<!--中部-->
			<div class="main_div">
				<!--中左部-->
				<div class="main_left">	
			 		<div class="main_left_top">
					</div>
					<div class="main_left_mid">
					  <div class="goods_title">
					  	<span><font style="font:  28px 黑体;">注册</font>&nbsp;或者&nbsp;<a href="#">登录</a></span>
					  </div>
					  <div class="loginPage">
					     <form  id="userReg" name="userReg" action="" method="post">
						 	<p>
								  <label><em>*</em>邮    箱：</label>
								  <input type="text" id="email" name="email"/>
							</p>
							<p>
								  <label><em>*</em>真实姓名：</label>
								  <input type="text" id="realName" name="realName"/>
							</p>
							<p>
								  <label><em>*</em>用户密码：</label>
								  <input type="text" id="password" name="password"/>
							</p>
							<p>
								  <label><em>*</em>确认密码：</label>
								  <input type="text" id="password" name="password"/>
							</p>
							<div style="font-size: 13px; margin:0px 0px 0px 100px;">密码长度：最少6位 </div>
							<p>
								  <label><em>*</em>所在城市：</label>
								  <input type="text" id="city" name="city"/>
							</p>
							<p>
								  <label><em>&nbsp;</em> 手    机：</label>
								  <input type="text" id="mobile" name="mobile"/>
							</p>
						   <p>
								<label><em>&nbsp;</em>验证码：</label>
								<input style=" width:60px; height:14px;" type="text" name="validateCode" value="" maxlength="4" />
								<img id="verifyCodeImg" height="20" width="70" rel="" alt="验证码" src="/vImage.jsp?key=15532855234383882912">
								   <a href="#" onclick="">看不清?</a>							
							</p>
							
								<input style="margin-left:100px; height:13px; margin-top:2px;" type="checkbox" name="isCheck" checked="checked"><font style="color:#999999; font-size:13px;">订阅每日最新团购信息</font>
							 
						 </form>
					  </div>
				  	</div>
					<div class="main_left_down">
					</div>
				</div>
				<!--中右部-->
				<div class="main_right">
					<div>
						<div  class="win_top"></div>
						<div class="win_inner"><h3>最贴近生活的网站</h3>
							<ul>
								<li>
									柴米油盐
								</li>
								<li>
									日常蔬菜
								</li>
								<li>
									日常蔬菜
								</li>
							</ul>
						
						</div>
						<div  class="win_bottom"></div>
					</div>
					 
				</div>

		</div>
		<!--低部-->
		<div class="boot_div">
		</div> 
		<div class="boot_div_detail">
			<div><h3>用户帮助</h3>
				<ul>
					<li>如何购买</li>
					<li>常见问题</li>
					<li>开通小区</li>
				</ul>
			</div>
			<div><h3>获取更新</h3>
				<ul>
					<li>邮件订阅</li>
					<li>QQ留言</li>
					<li>短信提示</li>
				</ul>
			</div>
			<div><h3>商务合作</h3>
				<ul>
					<li>提供超值商品</li>
					<li>广告推广</li>
				</ul>
			</div>
			<div><h3>花园团购</h3>
				<ul>
					<li>花园团购介绍</li>
					<li>联系我们</li>
				</ul>
			</div>
		</div>
	 
	 <div style=" text-align:center; margin-top:12px;">
				© 2010 Groupon.cn - 京ICP证号100680 - 京ICP备10200024号-1 
	 </div>
		
	 
		 
	</body>
</html>
 
<script type="text/javascript">
 